<nav class="oppia-sidebar-menu" ng-class="{'oppia-sidebar-menu-transition': pageHasLoaded}">
  <div class="oppia-sidebar-header">
    <div class="oppia-sidebar-logo-container">
    </div>
  </div>

  <ul>
    <li {% if nav_mode == 'about' %}class="active"{% endif %}>
      <a href="/about">
        <span class="glyphicon glyphicon-question-sign oppia-sidebar-menu-icon"></span>
        About
      </a>
    </li>

    {% if SHOW_FORUM_PAGE %}
      <li {% if nav_mode == 'forum' %}class="active"{% endif %}>
        <a href="/forum">
          <img src="/third_party/static/material-design-icons-1.0.1/ic_forum_black_48dp.png"
               style="height: 22px; margin-left: 6px; margin-right: 16px; width: 22px;">
          Forum
        </a>
      </li>
    {% endif %}

    <li>
      <a href="https://code.google.com/p/oppia/issues/entry" target="_blank">
        <span class="glyphicon glyphicon-comment oppia-sidebar-menu-icon"></span>
        Give Feedback on Oppia
      </a>
    </li>
  </ul>
</nav>
